﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="BRMgm.aspx.cs" Inherits="MaintenanceMgm_BRMgm" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>资产借还审核</title>
    <link href="../Style/MyWork.css" rel="stylesheet" />
    <style>
        /* 侧边栏样式 */
        .menus {
            list-style: none;
            padding: 0;
            margin: 0;
            transition: left 0.5s; /* 动画效果 */
            position: absolute;
            top: 100px;
            left: -200px; /* 默认隐藏 */
            bottom: 0;
            overflow-y: auto;
            float: left;
            width: 200px;
            height: 650px;
            background-color: coral;
            border-radius: 11px;
        }

            .menus li {
                padding: 3px;
            }

            .menus a {
                text-decoration: none;
                display: block;
                padding: 8px 16px;
                color: black;
            }

                .menus a:hover {
                    background-color: #555;
                    color: white;
                }
        /* 图片按钮样式 */
        .menu-toggle {
            cursor: grab;
            float: left;
        }

        .product-panel {
            padding: 15px;
        }

        .asset-gridview {
            border-collapse: collapse;
            width: 100%;
            margin-top: 10px;
        }

            .asset-gridview th {
                background-color: #4CAF50;
                color: white;
                text-align: left;
                padding: 10px;
            }

            .asset-gridview td {
                border: 1px solid #ddd;
                padding: 10px;
                text-align: left;
            }

            .asset-gridview tr:nth-child(even) {
                background-color: #f2f2f2;
            }

            .asset-gridview tr:hover {
                background-color: #ddd;
            }

            /* 上一页、下一页图片样式 */
            .asset-gridview a img {
                vertical-align: middle;
            }

        .list {
            text-decoration: none;
        }
        /* 审核按钮的样式 */
        .btnOK {
            display: inline-block;
            padding: 10px 20px;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
            color: #fff;
            background-color: #ff5252;
            border: 2px solid #000;
            border-radius: 10px;
            box-shadow: 5px 5px 0px #000;
            transition: all 0.3s ease;
            cursor: pointer;
            justify-content: center;
            position: absolute;
            top: 20%;
            left: 80%;
        }

            .btnOK:hover {
                background-color: #fff;
                color: #ff5252;
                border: 2px solid #ff5252;
                box-shadow: 5px 5px 0px #ff5252;
            }

            .btnOK:active {
                background-color: #fcf414;
                box-shadow: none;
                transform: translateY(4px);
            }

        .btnOK {
            background-color: #4CAF50; /* Green */
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
            border: none;
            border-radius: 4px;
        }

            .btnOK:hover {
                background-color: #45a049;
            }
        /*打回按钮样式*/
        .btnNO {
            background: #fbca1f;
            font-family: inherit;
            padding: 0.6em 1.3em;
            font-weight: 900;
            font-size: 18px;
            border: 3px solid black;
            border-radius: 0.4em;
            box-shadow: 0.1em 0.1em;
            cursor: pointer;
            margin-left: 5px;
            position: absolute;
            top: 20.5%;
            left: 87%;
        }

            .btnNO:hover {
                transform: translate(-0.05em, -0.05em);
                box-shadow: 0.15em 0.15em;
            }

            .btnNO:active {
                transform: translate(0.05em, 0.05em);
                box-shadow: 0.05em 0.05em;
            }
        /*特别索引*/
        .btngiven,
        .btngiven:focus {
            font-size: 17px;
            padding: 10px 25px;
            border-radius: 0.7rem;
            background-image: linear-gradient(rgb(214, 202, 254), rgb(158, 129, 254));
            border: 2px solid rgb(50, 50, 50);
            border-bottom: 5px solid rgb(50, 50, 50);
            box-shadow: 0px 1px 6px 0px rgb(158, 129, 254);
            transform: translate(0, -3px);
            cursor: pointer;
            transition: 0.2s;
            transition-timing-function: linear;
        }

            .btngiven:active {
                transform: translate(0, 0);
                border-bottom: 2px solid rgb(50, 50, 50);
            }
        /*索引位置*/
        .btnOne {
            position: absolute;
            top: 13%;
            left: 15%
        }

        .btnTwe {
            position: absolute;
            top: 13%;
            left: 21%
        }

        .btnThree {
            position: absolute;
            top: 13%;
            left: 27%
        }

        .btnFour {
            position: absolute;
            top: 13%;
            left: 33%;
        }
    </style>
</head>
<body>
    <form runat="server">
        <div id="one">
            <%--第一部分--%>
            <div id="logo">
                <img src="../Image/学校.png" alt="Alternate Text" class="menu-toggle" style="margin: 10px; width: 50px; height: 50px; float: left;" />
                <h3 style="margin-top: 22px; font-size: 20px; float: left;">高校资产管理系统</h3>
            </div>
            <div id="daohang" runat="server">
                <%--导航面板--%>

                <ul style="float: right; list-style-type: none; width: 400px;" runat="server">
                    <li></li>
                    <li style="margin-top: 6px;"><a href="../ChangePwd.aspx" class="Topstatus">修改密码</a></li>
                    <li style="margin-top: 6px;"><a href="../GetPwd.aspx" class="Topstatus">找回密码</a></li>
                    <li style="margin-top: 6px;"><a href="../MyUAMSWeb.aspx" class="Topstatus">退出登录</a></li>
                    
                </ul>
            </div>
        </div>



        <hr align="left" size="3px" color="gray" width="920px" style="width: 100%;" />
        <%--状态栏--%>
        <div id="status">
            
            <asp:Label ID="lblProErr" runat="server" Text="?"></asp:Label>
            <asp:Label ID="username" runat="server"></asp:Label>
        </div>


        <nav class="menus">
            <%--侧边栏--%>
            <ul>
                <li style="float: left; list-style: none; padding: 3px;">
                    <a href="AdminWork.aspx">资产变化审核</a>
                </li>
                <li style="float: left; list-style: none; padding: 3px;">
                    <a href="BRMgm.aspx">借还审核</a>
                </li>
                <li style="float: left; list-style: none; padding: 3px;"></li>
                <li style="float: left; list-style: none; padding: 3px;"></li>
                <li style="float: left; list-style: none; padding: 3px;"></li>
                <li style="float: left; list-style: none; padding: 3px;"></li>
            </ul>
        </nav>
        <div class="content" style="border-radius: 10px; position: absolute; top: 15%; left: 15%;">
            <%--主要内容--%>
            <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <asp:GridView ID="dgvAdmin" runat="server" AutoGenerateColumns="False" Width="1000px" Height="600px" AllowPaging="False" BackColor="White" CssClass="asset-gridview">
                        <Columns>
                            <asp:TemplateField HeaderText="选择">
                                <ItemTemplate>
                                    <asp:CheckBox ID="Choice" runat="server" />
                                </ItemTemplate>
                                <HeaderStyle Width="50px" />
                            </asp:TemplateField>
                            <asp:BoundField DataField="APid" HeaderText="审核id" />
                            <asp:BoundField DataField="Aid" HeaderText="资产编码" />
                            <asp:BoundField DataField="Aname" HeaderText="资产名称" />
                            <asp:BoundField DataField="APname" HeaderText="类型" />
                            <asp:BoundField DataField="Aamount" HeaderText="借出数量" />
                            <asp:BoundField DataField="Ramount" HeaderText="还回数量" />
                            <asp:BoundField DataField="Uid" HeaderText="操作人id" />
                            <asp:BoundField DataField="Uname" HeaderText="操作人" />
                            <asp:BoundField DataField="Step" HeaderText="审核步骤" />
                            <asp:BoundField DataField="APuid" HeaderText="审核人id" />
                            <asp:BoundField DataField="APuname" HeaderText="审核人" />
                            <asp:BoundField DataField="Date" HeaderText="申请时间" />
                            <asp:BoundField DataField="Status" HeaderText="状态" />
                            <asp:BoundField DataField="Remark" HeaderText="备注" />
                        </Columns>
                    </asp:GridView>
                    <asp:Label ID="text" runat="server" Text="?"></asp:Label>
                </ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="btnOK" EventName="Click" />
                    <asp:AsyncPostBackTrigger ControlID="btnNO" EventName="Click" />
                    <asp:AsyncPostBackTrigger ControlID="btnOne" EventName="Click" />
                    <asp:AsyncPostBackTrigger ControlID="btnTwe" EventName="Click" />
                    <asp:AsyncPostBackTrigger ControlID="btnThree" EventName="Click" />
                    <asp:AsyncPostBackTrigger ControlID="btnReset" EventName="Click" />
                </Triggers>
            </asp:UpdatePanel>
        </div>

        <asp:Button ID="btnOK" runat="server" Text="审核" CssClass="btnOK" OnClick="btnOK_Click" />
        <asp:Button ID="btnNO" runat="server" Text="打回" CssClass="btnNO" OnClick="btnNO_Click"/>
        <asp:Button ID="btnOne" runat="server" Text="一审" CssClass="btngiven btnOne" OnClick="btnOne_Click" />
        <asp:Button ID="btnTwe" runat="server" Text="二审" CssClass="btngiven btnTwe" OnClick="btnTwe_Click" />
        <asp:Button ID="btnThree" runat="server" Text="三审" CssClass="btngiven btnThree" OnClick="btnThree_Click" />
        <asp:Button ID="btnReset" runat="server" Text="重置" CssClass="btngiven btnFour" OnClick="btnReset_Click" />

    </form>
    <script src="Scripts/MyWork.js"></script>
    <script>
        // 获取侧边栏和图片按钮元素
        var sidebar = document.querySelector('.menus');
        var menuToggle = document.querySelector('.menu-toggle');

        // 为图片按钮添加点击事件
        menuToggle.addEventListener('click', function () {
            // 切换侧边栏的显示和隐藏
            var sidebarStyle = sidebar.style;
            if (sidebarStyle.left === '-200px') {
                sidebarStyle.left = '0';
            } else {
                sidebarStyle.left = '-200px';
            }
        });
    </script>
</body>
</html>
